<!DOCTYPE html>
<html>
<head>
<title>Outbreak Modeler</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_filter {width:100%; float: top;}
  #searchcontrol {width: 20%; float: left;}
  #map_canvas { width: 75%;  height: 80%;  float: right; }
  #chart_canvas { width: 80%;  height: 20%;  float: right; }
  #text_area { width: 100%;  float: inherit; }
  #legal1 {float: inherit; }
  #legal2 {float: inherit; }
  #legal3 {float: inherit; }
  #legal4 {float: inherit; }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script>
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript"> google.load("search", "1"); </script>
<script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); </script>
<script type="text/javascript" src="http://www.genomesonline.org/data.jso"></script>
<script type="text/javascript" src="Points9.2.js"></script>
<script type="text/javascript" src="func9.2.js"></script>

</head>
<body bgcolor="#C9C9FF">
  <div style="width:100%;height:5%;border:2px double blue" id="map_filter">
	<input type="button" value="Tutorial" onclick="location.href='tutorial.html'" />
	<input type="button" value="Add Point" onclick="dist()" />
	<input type="button" id="SearchCenter" value="Search Center" onclick="special()" />
	<input type="button" id="Button1" name="btn1_austin" value="Nearby Restaurants" onclick="markEats()" />
        <input type="button" id="Button2" name="btn2_austin" value="All Bacteria" onclick="markDies()" />
        <input type="button" id="btn_austin" name="btn_austin" value="Demo Points" onclick="markPts()" />
	<!--input type="button" value="Paper" onclick="location.href='FILEHERE'" /-->
	<input type="button" value="Clear All" onclick="window.location.reload()"/>
        
  </div>
<div style="width:24%;height:100%;border:2px double blue" id="searchcontrol"></div>
</div>
  <div id="map_canvas"></div>
<div style="border:0px double blue" id="text_area">
<textarea rows="2" cols="116">Type your notes here.</textarea>
</div>
<div id="legal1">-For questions or comments please email austin.lenox1@gmail.com</div>
<div id="legal2">-Restaurants shown are not necessarily contaminated and are assumed safe until proven otherwise.</div>
<div id="legal3">-"All Bacteria" data displayed comes from Genomes OnLine Database(GOLD).</div>
<div id="legal4">-Google Maps and the "local search" function is owned and powered by Google Corportation.</div>
<div id="legal5">-"Demo Points" are the visualization of public data from the CDC of the 2009 Haiti Cholera Outbreak
<!--  <div id="chart_canvas"></div>-->
</body>
</html>
